<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view contentType="text/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link media="screen" type="text/css" rel="stylesheet" href="#{contextPath}/css/grids/reset.css"/>
    <link media="screen" type="text/css" rel="stylesheet" href="#{contextPath}/css/grids/fluid_grid.css"/>
    <link media="screen" type="text/css" rel="stylesheet" href="#{contextPath}/css/main.css"/>
    <link media="screen" type="text/css" rel="stylesheet" href="#{contextPath}/css/redmond/jquery-ui-1.8.13.custom.css"/>
    <link media="screen" type="text/css" rel="stylesheet" href="#{contextPath}/css/samples.css"/>
    <title>#{samplesMsg.compute_title}</title>
</head>
<body class='sample-demos'>
<div id='awa-hdr'>
  <div id='awa-top'>
    <ul>
      <li id='help'><a href="http://code.google.com/p/ada-asf" title="#{samplesMsg.layout_help_title}">
         #{samplesMsg.layout_help_label}
      </a></li>
      <li>|</li>
      <li id='settings'><a href="#{contextPath}/statistics.xml" title="#{samplesMsg.layout_statistics_title}">
         #{samplesMsg.layout_statistics_label}
       </a></li>
    </ul>
  </div>
</div>
  <div id='awa-page' class="container_12">
      <ui:include src="/WEB-INF/layouts/header.xhtml"/>
      <div class="grid_12 left ui-tabs ui-widget ui-widget-content ui-corner-all">

          <ui:include src="/WEB-INF/layouts/demo-tabs.xhtml">
              <ui:param name="tab" value="volume"/>
          </ui:include>
          <div id='content' class="grid_12 ui-tabs-panel">
              <h1>#{samplesMsg.compute_message}</h1>

              <h:form id='compute'>
                  <dl>
                      <dt>#{samplesMsg.compute_height_label}</dt>
                      <dd>
                          <h:inputText id='height' size='10' value='#{compute.height}'>
                              <f:converter converterId="float" />
                          </h:inputText>
                          <h:message for='height'/>
                      </dd>
                      <dt>#{samplesMsg.compute_radius_label}</dt>
                      <dd>
                          <h:inputText id='radius' size='10' value='#{compute.radius}'>
                              <f:converter converterId="float"/>
                          </h:inputText>
                          <h:message for='radius'/>
                      </dd>
                      <dt>
                      </dt>
                      <dd>
                          <h:commandButton id='run' value='#{samplesMsg.compute_button}' action="#{compute.run}"/>
                      </dd>
                  </dl>
              </h:form>

              <h:panelGroup rendered="#{not empty compute.volume}">
                  <h2>#{samplesMsg.compute_result_message}
                      <h:outputText value="#{compute.volume}">
                          <f:converter converterId="float"/>
                      </h:outputText>
                  </h2>
              </h:panelGroup>
          </div>

      </div>
      <div id="awa-clfooter"></div>
  </div>
  <ui:include src="/WEB-INF/layouts/footer.xhtml">
      <ui:param name="source_file" value="compute.xhtml"/>
  </ui:include>
</body>
</html>
</f:view>